<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>报备详情</title>
	<link rel="stylesheet" type="text/css" href="__CSS__/api.css" />
	<link rel="stylesheet" type="text/css" href="__CSS__/aui.css" />
	<style>
		#header {
			position: fixed;
			top: 0;
			left: 0;
		}

		.topkong {
			height: 2rem;
		}

		body {
			background: #fff;
			background: url('__IMG__/beijing.png') no-repeat top center #FAFAFC;
			background-size: 100% 198px;
			padding: 0 15px;
		}

		.head {
			height: 48px;
			width: 48px;
			margin: 45px auto 2px;
			border-radius: 50%;
		}

		.name1 {
			font-size: 18px;
			font-weight: bold;
			color: #FFFFFF;
			line-height: 25px;
			text-align: center;
		}

		.name2 {
			font-size: 14px;
			font-weight: bold;
			color: #FFFFFF;
			line-height: 20px;
			margin: 10px 0 18px;
			text-align: center;
		}

		.box {
			min-height: 300px;
			background: #FFFFFF;
			box-shadow: 0px 5px 6px 0px rgba(214, 214, 214, 0.5);
			border-radius: 10px;
			/*padding: 0 15px;*/
			position: relative;
		}

		.title1 {
			height: 52px;
			padding-top: 15px;
			font-size: 14px;
			color: #242424;
			line-height: 20px;
		}

		.title1 .active {
			font-size: 14px;
			font-weight: bold;
			color: #62C3D0;
			line-height: 20px;
			position: relative;
		}

		.title1 .active span {
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			bottom: 10px;
			display: inline-block;
			width: 6px;
			height: 6px;
			background: #62C3D0;
			border-radius: 50%;
		}

		.tou {
			width: 50px;
		}

		.img1 {
			width: 20px;
			height: 20px;
			margin: 22px 0 0 20px;
		}

		.img4 {
			width: 18px;
			height: 18px;
			margin: 21px 0 0 21px;
		}

		.img2 {
			width: 16px;
			height: 20px;
			margin: 22px 0 0 22px;
		}

		.img3 {
			width: 18px;
			height: 20px;
			margin: 22px 0 0 21px;
		}

		.cen {
			align-items: center;
			justify-content: space-between;
			font-size: 14px;
			color: #242424;
			line-height: 20px;
			display: flex;
			padding: 0 12px 0 7px;
		}

		.item {
			height: 64px;
		}

		.btn_out {
			padding: 0 30px 20px;
			position: absolute;
			width: 100%;
			bottom: 0;
			box-sizing: border-box;
		}

		.btn {
			font-size: 16px;
			height: 36px;
			background: #62C3D0;
			border-radius: 18px;
			font-weight: bold;
			color: #FFFFFF;
			text-align: center;
			line-height: 36px;
		}
	</style>
</head>

<body>

	<div id='top'>
		<span style="color: #FFF;font-size: 13px" onclick="history.go(-1)"> 返回 </span>
		<img src="{$data.user_image ?: '__IMG__/logo.png'}" alt="" class="head">
		<div class="name1">{$data.s_u_name}</div>
		<div class="name2">负责人：{$data.s_inside_name}</div>
	</div>
	<div class="box">
		<div class="title1 flex-wrap">
			<div class="flex-con"></div>
			<div class="tab1 active" onclick="fnQie(this,1)" tapmode>基本信息<span></span></div>
			<div class="flex-con"></div>
			<div class="tab1" onclick="fnQie(this,2)" tapmode>详细信息<span></span></div>
			<div class="flex-con"></div>
		</div>
		<div id="one" class="">
			<div class="flex-wrap item">
				<div class="tou"><img src="__IMG__/time.png" alt="" class="img1"></div>
				<div class="flex-con cen underLine">
					<div>获得时间</div>
					<div>{$data.s_time}</div>
				</div>
			</div>
			<div class="flex-wrap item">
				<div class="tou"><img src="__IMG__/client.png" alt="" class="img4"></div>
				<div class="flex-con cen underLine">
					<div>公司名称</div>
					<div>{$data.s_com_name}</div>
				</div>
			</div>
			<div class="flex-wrap item">
				<div class="tou"><img src="__IMG__/address.png" alt="" class="img2"></div>
				<div class="flex-con cen underLine">
					<div>所在城市</div>
					<div>{$data.s_area_str}</div>
				</div>
			</div>
			<div class="flex-wrap item">
				<div class="tou"><img src="__IMG__/time.png" alt="" class="img3"></div>
				<div class="flex-con cen">
					<div>详细地址</div>
					<div>{$data.s_address}</div>
				</div>
			</div>
		</div>
		<div id="two" class="hidden">
			<div class="flex-wrap item">
				<div class="tou"><img src="__IMG__/client.png" alt="" class="img4"></div>
				<div class="flex-con cen underLine">
					<div>联系人</div>
					<div>{$data.s_name}</div>
				</div>
			</div>
			<div class="flex-wrap item">
				<div class="tou"><img src="__IMG__/phone.png" alt="" class="img1"></div>
				<div class="flex-con cen underLine">
					<div>电话</div>
					<div>{$data.s_phone}</div>
				</div>
			</div>
			<div class="flex-wrap item">
				<div class="tou"><img src="__IMG__/time.png" alt="" class="img3"></div>
				<div class="flex-con cen underLine">
					<div>最后修改时间</div>
					<div>{$data.s_update_time}</div>
				</div>
			</div>
			<div class="flex-wrap item">
				<div class="tou"><img src="__IMG__/modify.png" alt="" class="img4"></div>
				<div class="flex-con cen">
					<div>有效截止时间</div>
					<div>{$data.s_endtime}</div>
				</div>
			</div>
		</div>
		{if $data.s_verify == 2 && $data.s_status == 1 && $data.s_u_userid == $userInitInfo.user_id}
		<div class="btn_out">
			<div class="btn">跟进</div>
		</div>
		{/if}
	</div>
	<input type="hidden" id="sid" value="{$sid}" />
</body>
{include file="public/footer" /}
<script type="text/javascript" src="__JS__/api.js"></script>
<script type="text/javascript" src="__JS__/tt.js"></script>
<script type="text/javascript">
	window.onload = function() {
		$api.css($api.dom('.box'), 'height:' + ($api.offset($api.dom('body')).h - $api.offset($api.byId('top')).h + 30) + 'px');

	};

	function fnQie(el, type) {
		var tab = $api.domAll('.tab1');
		$api.removeCls(tab[0], 'active');

		$api.removeCls(tab[1], 'active');
		if ($api.hasCls(el, 'active')) {　　　　
			return;
		} else {
			$api.addCls(el, 'active');
			if (type == 1) {
				$api.addCls($api.byId('two'), 'hidden');
				$api.removeCls($api.byId('one'), 'hidden');
				$api.addCls($api.dom('btn_out'), 'hidden');

			} else {
				$api.addCls($api.byId('one'), 'hidden');
				$api.removeCls($api.byId('two'), 'hidden');
				$api.removeCls($api.dom('btn_out'), 'hidden');

			}
		}

	}
    $('.btn').click(function () {
        var sid = $('#sid').val();
        location.href = '{:url("My/update")}?sid='+sid;
    });
</script>

</html>
